<?php
	/* Template Name: Landing Page */ 
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
<head profile="http://gmpg.org/xfn/11">
	<title><?php meta('lp-headline'); ?></title>
    <meta name="robots" content="noindex">
	<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url') ?>" />
    <link rel="stylesheet" type="text/css" href="http://www.sunmaxxsolar.com/landing/lp-style.css" />
<?php wp_head() // For plugins ?>
	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php printf( __( '%s latest posts', 'sandbox' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php printf( __( '%s latest comments', 'sandbox' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
    
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/js/rotator.js"></script>

<?php // BEGIN SCRIPTS FOR TOP OF PAGE SLIDE OUT ?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

<script type="text/javascript">
    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'wp-content/themes/SunMaxxSolar/images/handle.jpg', //path to the image for the tab //Optionally can be set using css
            imageHeight: '40px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '400px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'top',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '0px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '100px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });
</script>

<?php // END SCRIPTS FOR TOP OF PAGE SLIDE OUT ?>

<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->

</head>

<body class="<?php sandbox_body_class() ?>">

<div id="wrapper">

	<div id="header">
    	<div id="header-left">
        	<h1><a href="http://www.sunmaxxsolar.com">Solar Thermal System &amp; Collector Manufacturer</a></h1>
        </div>
        <div id="header-right">
        	<div id="header-right-1">
            	<a href="http://www.sunmaxxsolar.com/sunmaxx-solar-thermal-installer-admin-section.php" target="_blank">Installer Login</a>
            </div>
            <div id="header-right-2">
       		  <a href="http://www.sunmaxxsolar.com">Home</a> | <a href="http://www.sunmaxxsolar.com/about-sunmaxx-solar.php">About Us</a> | <a href="http://www.sunmaxxsolar.com/contact-sunmaxx.php">Contact Us</a>
            | <strong><a href="http://www.sunmaxxsolar.com/sunmaxx-customer-reviews.php">Reviews &amp; Feedback</a></strong></div>
          <div id="header-right-3">
            	Call Us Today: <span>1.877.786.6299</span>
          </div>
          <div id="header-right-4">
          		<img src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/images/madeintheusa.jpg" alt="SunMaxx Solar Thermal Systems Are Proudly Made In The USA" />
                
          </div>
        </div>
        <div style="width: 1000px; height: 5px; clear: both; background-color: #e77d1d; margin-bottom: 10px;"></div>
        
        <div style="width: 1000px; height: 0px; clear: both;"></div>
        
	</div>
    
<div style="width: 1000px; height: 20px; clear: both;"></div>
    
	<div id="container-lp">
		<div id="content-lp">
        
			<h2 class="headline"><?php meta('lp-headline'); ?></h2>
			<h3 class="headline"><?php meta('lp-subheadline'); ?></h3>
        
			<div id="lp-top-block">
				<div id="lp-top-block-left">
                	<div style="width: 300px; float: right; margin-left: 20px; margin-bottom: 10px;">
                    	<?php the_post_thumbnail(); ?>
                    </div>
					<?php the_content() ?>
                </div><!-- LP-TOP-BLOCK-LEFT -->
				<div id="lp-top-block-right">
                	<a name="form"></a>
                	<h2 class="headline">Get Started Right Here...</h2>
                    <h3 class="headline"><?php meta('lp-formsubheadline'); ?></h3>
                    <p style="margin-top: 0px;"><?php meta('lp-formtext'); ?></p>
                    <?php
						$form_number = get_post_meta($post->ID, 'lp-formnumber', true);
						echo do_shortcode($form_number);
					?>
				</div>
                <!-- LP-TOP-BLOCK-RIGHT -->
                <?php if ( get_post_meta($post->ID, 'lp-secondimage', true) ) { ?>
                <div style="width: 362px; height: 300px; float: right; margin-bottom: 10px; padding-top: 10px;">
                	<img src="<?php meta('lp-secondimage'); ?>" alt="<?php the_title(); ?>" align="middle" width="362" />
                </div>
                <?php } ?>
                <div class="lp-top-block-right-bottom">
                	<h2 class="headline" style="text-align: center;">Prefer To Call Us?</h2>
                    <h3 class="headline" style="text-align: center; margin-bottom: 10px;">Call A Representative Today</h3>
                    <h2 class="headline" style="text-align: center;">1.877.786.6299, Or</h2>
                    <a href="http://www.ringcentral.com" target="Callback_RingMe" title="Have Us Call You Now!" onclick='var wind = window; var winop = wind.open; winop("http://www.ringcentral.com/ringme/?uc=E067EABAFAB29BB2E8D1D465B2BD8629939359327899,0,2&amp;s=no&amp;v=2", "Callback_RingMe", "resizable=no,width=380,height=360"); return false;'>Click To Call Now</a>
                </div><!-- LP-TOP-BLOCK-RIGHT-BOTTOM -->
                <div style="width: 1000px; height: 0px; clear: both;"></div>
			</div><!-- LP-TOP-BLOCK -->
        
			<div class="lp-product-block">
				<div class="lp-product-block-left">
                	<h2 class="headline"><?php meta('lp-productleftheadline'); ?></h2>
					<h3 class="headline"><?php meta('lp-productleftsubheadline'); ?></h3>
                    <img src="<?php meta('lp-productleftimage'); ?>" align="left" width="200" alt="<?php meta('lp-productleftheadline'); ?>" style="margin-right: 20px; margin-bottom: 10px;" />
                	<p><?php meta('lp-productlefttext'); ?></p>
                	<p><a href="<?php meta('lp-productleftlink'); ?>" class="product-link">View More Details</a></p>
				</div>
				<div class="lp-product-block-right">
					<h2 class="headline"><?php meta('lp-productrightheadline'); ?></h2>
                    <h3 class="headline"><?php meta('lp-productrightsubheadline'); ?></h3>
                    <img src="<?php meta('lp-productrightimage'); ?>" align="left" width="200" alt="<?php meta('lp-productrightheadline'); ?>" style="margin-right: 20px; margin-bottom: 10px;" />
                    <p><?php meta('lp-productrighttext'); ?></p>
                    <p><a href="<?php meta('lp-productleftlink'); ?>" class="product-link">View More Details</a></p>
				</div>
				<div style="width: 960px; height: 0px; clear: both;"></div>
			</div>
			<div style="width: 960px; height: 2px; clear: both; background-color: #e77d1d; margin-bottom: 10px;"></div>
            
            <div class="horizontal-optin-box">
            	<div class="horizontal-optin-box-left"></div>
                <div class="horizontal-optin-box-right">
                	<div class="horizontal-optin-box-right-top">
                    	<h2 class="headline">Learn More About SunMaxx Solar Hot Water Today</h2>
                        <h3 class="headline">And Speak One-On-One With One Of Our Certified Solar Hot Water Professionals!</h3>
                        <h2 class="headline">Call Today:  1.877.786.6299  |  <a href="<?php the_permalink(); ?>#form">Or Click Here</a></h2>
                    </div>
                </div>
            </div>
			<div style="width: 960px; height: 2px; clear: both; background-color: #e77d1d; margin-bottom: 10px;"></div>
        
        </div><!-- CONTENT-LP -->
	</div><!-- CONTAINER-LP -->
        
    
<div style="width: 1000px; height: 0px; clear: both;"></div>

<div id="footer">
	<div id="footer-top"></div>
    <div id="footer-middle">
    	<span>SunMaxx Solar</span><span> 56 Broome Corp. Pkwy, Conklin NY 13748 </span><span></span>|<span>P: 877.786.6299</span>|<span>F: 800.786.0329</span>|<span>www.SunMaxxSolar.com</span>
  </div>
    <div id="footer-bottom">
   		<a href="http://www.sunmaxxsolar.com">Home</a> | <a href="http://www.sunmaxxsolar.com/about-sunmaxx-solar.php">About Us</a> | <a href="http://www.sunmaxxsolar.com/contact-sunmaxx.php">Contact Us</a> | <a href="http://www.solarwebinars.com" target="_blank">Webinars</a> | <a href="http://www.sunmaxxsolar.com/solar-hot-water-dealer-installer-application.php">Become An Installer</a>
	| <a href="sitemap.xml">Sitemap</a></div>
</div>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-4086062-27']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</div>

</body>

</html>